<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</head>
	<body>
		<nav class="mui-bar mui-bar-tab">
		    <a class="mui-tab-item mui-active" id="xiaoxi">
		        <span class="mui-icon mui-icon-chat"></span>
		        <span class="mui-tab-label">消息</span>
		    </a>
		    <a class="mui-tab-item" id="yingyong">
		        <span class="mui-icon mui-icon-list"></span>
		        <span class="mui-tab-label">应用</span>
		    </a>
		    <a class="mui-tab-item" id="lianxi">
		        <span class="mui-icon mui-icon-person"></span>
		        <span class="mui-tab-label">联系</span>
		    </a>
		    <a class="mui-tab-item" id="my">
		        <span class="mui-icon mui-icon-person"></span>
		        <span class="mui-tab-label">我的</span>
		    </a>
		</nav>
	</body>
	<script type="text/javascript">
	mui.init({
		subpages:[
			{
				url:"yingyong.html",
				id:"yingyong.html",
				styles:{
					top:"0",
					bottom:"48px"
				}
			},
			{
				url:"lianxi.html",
				id:"lian.html",
				styles:{
					top:"0",
					bottom:"48px"
				}
			},
			{
				url:"my.html",
				id:"my.html",
				styles:{
					top:"0",
					bottom:"48px"
				}
			},
			{
				url:"xiaoxi.html",
				id:"xiaoxi.html",
				styles:{
					top:"0",
					bottom:"48px"
				}
			}
		]
	})
	
	
	
	var yy = document.getElementById("yingyong");
    var xx = document.getElementById("xiaoxi");
    var lx = document.getElementById("lianxi");
    var my = document.getElementById("my");
    
    xx.addEventListener("tap",function () {
    	var yyPage = plus.webview.getWebviewById("yingyong.html");
    	var xxPage = plus.webview.getWebviewById("xiaoxi.html");
    	var lxPage = plus.webview.getWebviewById("lianxi.html");
    	var myPage = plus.webview.getWebviewById("my.html");
    	
    	plus.webview.hide(xxPage);
    	plus.webview.hide(lxPage);
    	plus.webview.hide(myPage);
    	plus.webview.show(xxPage);
    });
    
    yy.addEventListener("tap",function () {
    	var yyPage = plus.webview.getWebviewById("yingyong.html");
    	var xxPage = plus.webview.getWebviewById("xiaoxi.html");
    	var lxPage = plus.webview.getWebviewById("lianxi.html");
    	var myPage = plus.webview.getWebviewById("my.html");
    	
    	plus.webview.hide(yyPage);
    	plus.webview.hide(lxPage);
    	plus.webview.hide(myPage);
    	plus.webview.show(yyPage);
    });
    
    lx.addEventListener("tap",function () {
    	var yyPage = plus.webview.getWebviewById("yingyong.html");
    	var xxPage = plus.webview.getWebviewById("xiaoxi.html");
    	var lxPage = plus.webview.getWebviewById("lianxi.html");
    	var myPage = plus.webview.getWebviewById("my.html");
    	
    	plus.webview.hide(yyPage);
    	plus.webview.hide(xxPage);
    	plus.webview.hide(myPage);
    	plus.webview.show(lxPage);
    });
    
    my.addEventListener("tap",function () {
    	var yyPage = plus.webview.getWebviewById("yingyong.html");
    	var xxPage = plus.webview.getWebviewById("xiaoxi.html");
    	var lxPage = plus.webview.getWebviewById("lianxi.html");
    	var myPage = plus.webview.getWebviewById("my.html");
    	
    	plus.webview.hide(yyPage);
    	plus.webview.hide(xxPage);
    	plus.webview.hide(lxPage);
    	plus.webview.show(myPage);
    });

</script>
</html>
